<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 整理出来8个数组方法，写出数组方法的解释，并使用 -->
    <script>
        // 1.forEach 遍历数组不返回，用于不改变值，经常用于查找打印输出值
        // item：数组中的每一项 index：索引
        // const arr = [1,2,3,4,5,6,7]
        // arr.forEach(function(item,index) {
        //     // console.log(item) // 1 2 3 4 5 6 7 
        //     console.log(index)
        // })
        // console.log(arr) //[1, 2, 3, 4, 5, 6, 7]

        // 2.filter 过滤数组 筛选数组元素 并生成新数组，满足条件的
        // const arr = [1,2,3,4,5,6,7]
        // const newArr = arr.filter(function(item,index) {
        //     return item > 3
        // })
        // console.log(newArr) //[4, 5, 6, 7]

        // 3.map 遍历数组 处理数据 返回新数组
        // const arr = [1,2,3,4,5,6,7]
        // const newArr = arr.map(item=> item*item)
        // console.log(newArr) //[1, 4, 9, 16, 25, 36, 49]

        // 4.reduce 累加器 返回函数累计处理的结果 经常用于求和
        // prve:累计值 item每一项元素 [,index]索引 [,o]原素组  0起始值
        // 索引跟原素组可写可不写
        // const arr = [1,2,3,4,5,6,7]
        // const sum = arr.reduce(function(prve,item,index,o) {
        //     return prve + item
        // })
        // console.log(sum) 

        // 5.reverse 反转数组
        // const arr = ['张三','李四','王五','赵六','七七']
        // const newArr = arr.reverse()
        // console.log(newArr) // ['七七', '赵六', '王五', '李四', '张三']
        
        // 6.sort 对原数组单元值排序
        // const arr = [33,29,19,90,45,7]
        // const newArr = arr.sort(function(a,b) {
        //     // 升序
        //     return a-b
        // })
        // console.log(newArr) // [7, 19, 29, 33, 45, 90]

        // 7.find查找元素 返回符合测试条件的第一组元素值，没有就是undefined
        // const arr = [1,2,3,4,5,6,7]
        // const res = arr.find(function(item) {
        //     return item > 3
        // })
        // console.log(res) //4

        // 8.join 数组元素拼接为字符串 返回字符串
        // 展示内容40cm*40cm/黑色
        const obj = { size: '40cm*40cm' , color: '黑色'}
        // console.log(obj)
        // 取出数组里面的所有值
        const obj1 = Object.values(obj)
        // console.log(obj1) //['40cm*40cm', '黑色']
        console.log(obj1.join('/')) // 40cm*40cm/黑色
    </script>
</body> 
</html>